<template>
  <div class="item cursor-pointer mb-[10px] p-[12px] mx-[12px]">
    <a-typography-paragraph :class="{'text-center':itemData.props.isCenter}" v-html="itemData.props.text.replaceAll(/\n/g,'<br>')" class="text-left"></a-typography-paragraph>
  </div>
</template>

<script setup>
import {defineProps, ref} from "vue";
const {itemData} = defineProps({
  itemData:{
    type:Object,
    default:{}
  }
})
</script>

<style scoped>

</style>
